<style lang="scss" scoped>
.divitem {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;

    p {
        padding: 10px;
    }

    span {
        padding: 10px;
        display: flex;
    }

    img {
        width: 80%;
        margin-left: 10%;
    }
}
</style>
<template>
    <div class="divitem">
        <p>{{ text }}</p>
        <span>2022-07-08 14:56:51</span>
        <img v-if="photos" :src="photos" alt="">
    </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue'
defineProps(['photos', 'text'])

</script>